<template>
    <div>
      <!--  注册平台 -->  
      <el-row >
        <el-col :span="24" :offset="0">
          <el-card class="box-card">
    <template #header>
      <div class="card-header">
        <span>注册平台</span>
      </div>
    </template>
    <IndexNavs />
    <div class="card-header mt-5">
        <span>注册用户</span>
      </div>
      <el-divider />
      <IndexUser />
  </el-card>
          
        </el-col>
      </el-row>
  
    <!--  统计分析 -->
      <el-row :gutter="20" class="mt-5">
        <el-col :span="24" :offset="0">
          <!-- 条形图-->
          <IndexChart />
        </el-col>
        <!-- <el-col :span="12" :offset="0">
          <IndexCard
            title="企业任务指标"
            tip="企业任务指标"
            :btns="goods"
            class="mb-3"
          />
          <IndexCard
            title="部门任务指标"
            tip="部门任务指标"
            :btns="order"
          />
        </el-col> -->
      </el-row>
    </div>
  </template>
  
  <script setup>
  import { ref,onMounted} from "vue"
  // import { getHome1 } from "~/api/index.js"
  
  // import CountTo from "~/components/CountTo.vue"
  import IndexNavs from "~/pages/home/components/IndexNavs.vue"
  import IndexUser from "~/pages/home/components/IndexUser.vue"
  import IndexChart from "~/pages/home/components/IndexChart.vue"
  // import IndexCard from "~/pages/home/components/IndexCard.vue";
  
  const panels = ref([]);
  const goods = ref([]);
  const order = ref([]);
  
  // getHome1().then((res) => {
  //   panels.value = res.data.panels;
  
  //   goods.value = res.data.goods; 
  //   order.value = res.data.order;
  // });
  
  
  
  
  </script>